<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.将Set集合转换为数组
            //方法一：
            // let set = new Set([1,2,3,4])
            // let res = Array.from(set)
            // console.log(res);//[1,2,3,4]
            //方法二：
            // let set = new Set([1,2,3,4]);
            // let res = []; 
            // set.forEach(item => {
            //     res.push(item)
            // })
            // console.log(res);//[1,2,3,4]

        //2.使用Set方法实现数组的去重
            //arr = [1,2,3,3,2,1]
                //法一：
                    // let arr = [1,2,3,3,2,1];
                    // function foo(arr) {
                    //     return Array.from(new Set(arr))
                    // };
                    // console.log(foo(arr));//[1,2,3]

        //3.Map集合转换为数组
            //法一： 
                // let map = new Map([['name','tom'],['age','12']]);
                // console.log(Array.from(map));//[['name',"tom"],["age","12"]]

            //法二：
                // let map = new Map([['name','tom'],['age','12']])
                // console.log([...map]);//[['name',"tom"],["age","12"]]

            //法三：
                // let map = new Map([['name','tom'],['age','12']]);
                // let arr = [];
                // for(let key of map) {
                //     arr.push(key)
                // };
                // console.log(arr);//[['name',"tom"],["age","12"]]

        //4.对象转换为Map集合
            // let obj = {
            //     name:'tom',
            //     age:5,
            //     gender:'male'
            // }

            //法一：
                // let obj = {
                //     name:'tom',
                //     age:5,
                //     gender:'male'
                // };
                // let res = Object.entries(obj);  //拿到对象中键值对
                // let map = new Map(res);  //作为参数传给Map
                // console.log(map);//name->'tom',age->5,gender->'male'

    </script>
</head>
<body>
    
</body>
</html>